<!DOCTYPE html>
<html>
<head>
<style>
.button {
  padding: 10px 20px;
  background-color: blue;
  color: white;
}

@media screen and (max-width: 600px) {
  .button:hover {
    background-color: red;
  }
}
</style>
</head>
<body>

<button class="button">Hover me</button>

</body>
</html>
